如何获取react-router v4的历史记录？
我从React-Router v3迁移到v4时遇到一些小问题。在v3中，我可以在任何地方执行此操作：import { browserHistory } from 'react-router';browserHistory.push('/some/path');如何在v4中实现这一目标。我知道withRouter当您在Component中时，可以使用hoc ，react上下文或事件路由器props。但对我而言并非如此。我正在寻找v4中的Navigatin...
2024-01-10react-router-dom v4中的多个嵌套路由
我在react-router-dom中需要多个嵌套路由我有我的import { BrowserRouter as Router, Route } from 'react-router-dom';我需要像这样渲染的组件--- Login--- Home --- Page 1 --- Page 2 --- Page 3--- About--- etcHome组件包含一个Page1，Page2和Page3组件共有的Header组件，但在Login和About中不存在。我的js代码看起来像这样<R...
2024-01-10react-router没有渲染任何东西
我创建了我的应用，create-react-app并尝试react-router在其上使用。但它根本不起作用。这是我的Header.js。 import React, { Component } from 'react';class Header extends Component { render() { return ( <nav> <div className="nav-wrapper blue darken-1"> ...
2024-01-10使用react-router检测路由更改
我必须根据浏览历史实现一些业务逻辑。我想做的是这样的：reactRouter.onUrlChange(url => { this.history.push(url);});URL更新后，有什么方法可以接收来自react-router的回调吗？回答：history.listen()尝试检测路线变化时，可以使用功能。考虑到您正在使用react-router v4，请用withRouterHOC 包装您的组件以访问history...
2024-01-10在React-router v4中嵌套路由和动态路由
我有以下路由配置：return (<div> <Router> <div> <Route path='/login' component={LoginPage}/> <EnsureLoggedInContainer> <Route path='/abc' component={abc} /> </EnsureLoggedInContainer> </div> ...
2024-01-10React Router v4-如何获取当前路由？
我想显示title在<AppBar />以某种方式从目前的路线通过。在React Router v4中，如何将<AppBar />当前路由传递到titleprop中？ <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={...
2024-01-10React Router v4重定向不起作用
检查这样的情况后，我有一条重定向的路线<Route exact path="/" render={()=>(Store.isFirstTime ? <Redirect to="intro" /> : <Home state={Store}/>)}/>条件为真但未安装组件时，URL会更改。其余的组件代码如下。render() { return ( <div> ... <Route exact path="/" render={()=>( Store...
2024-01-10在react-router v4中为不同的路由路径使用相同的组件
我正在尝试使用单独的路线，但在我的React App中添加/编辑表单的组件相同，如下所示：<Switch> <Route exact path="/dashboard" component={Dashboard}></Route> <Route exact path="/clients" component={Clients}></Route> <Route exact path="/add-client" component={manageClient}></Ro...
2024-01-10react-router位置与任何路由都不匹配
我陷入了反应路由器路由。我收到错误消息：Warning: [react-router] Location "/FluxApp/" did not match any routes这是我的 ：var React = require('react');var ReactDOM = require('react-dom');var Router = require('react-router').Router;var Route = require('react-router').Route;var Index...
2024-01-10React Router-嵌套路由不起作用
我的目标是让http：// mydomain /route1渲染React组件Component1和http：// mydomain /route2渲染Component2。因此，我认为编写如下的路由是很自然的： <Route name="route1" handler={Component1}> <Route name="route2" handler={Component2} /> </Route> <DefaultRoute name="home" handler=...
2024-01-10ReactRouter v4-重定向不适用于Switch
我有一个代码：import React from 'react';import ReactDOM from 'react-dom';import Navigation from './Navigation';import PublicPage from './PublicPage';import LoginPage from './LoginPage';import SecuredPage from './SecuredPage';import {Route, Switch, Redirect, Brows...
2024-01-10react-router“无法读取未定义的属性“ push”
我是新来的反应和反应路由器。react的问题在于，在我的应用程序的某些页面上，react-router正在运行，并且出现一些类似的错误：“无法读取未定义的属性’push’”。我正在使用反应0.14.1我的路由代码如下所示：render(<Router history={hashHistory}> <Route path="/" component={Loginpanel}/> <Route path="Index" component={In...
2024-01-10在React Router中渲染多个组件
我习惯于具有多个产量区域的应用程序布局，即用于内容区域和顶部栏标题。我想在React Router中实现类似的功能。例如：<Router> <Route path="/" component = { AppLayout }> <Route path="list" component = { ListView } topBarComponent = { ListTopBar }/> </Route></Router>AppLayout：<div classNa...
2024-01-10Angular 5 router.navigate错误
有一个用户crud页面，当保存一个新用户时，url需要用用户保存的id参数改变。我不知道发生了什么，但是当调用this.router.navigate（['/ user'，user.id]）时会发生错误。跟随路由器和组件发生错误的代码。Angular 5 router.navigate错误地址创建一个新用户 http://localhost:4200/user地址更新用户 http://localhost:4200/user/38/...
2024-01-10使用React Router以编程方式导航
通过使用react-router我可以使用Link元素创建由React Router本机处理的链接。我在内部看到它的呼唤this.context.transitionTo(...)。我想导航。不是来自链接，而是来自下拉菜单（例如）。如何在代码中执行此操作？什么this.context啊我看到了Navigationmixin，但是如果没有，我可以这样做mixins吗？回答：useHistory如...
2024-01-10如何在React Router 4中实现动态路由？
我有这样的文章列表：<div> { this.props.articles.map(article => { return ( <ArticleCard key={article._id} article={article} /> ) }) }</div>在ArticleCard组件中，我仅显示文章标题。我想链接到它，它将创建新的URL，例如“ article-title”并显示内容。如何实现呢？回...
2024-01-10$ route.reload（）不适用于ui-router
我已切换到ui-router。除一件事外，一切进展顺利。在我的页面上，我有一个选择可以更改应用程序的上下文。无论如何，以前，当更改此上下文时，我正在执行以下代码（特别是 方法）：'use strict';angular.module('main').factory('lacContext', ['$route', function ($route) { return { set: function (id) { session...
2024-01-10在Redux中间件中使用react-router进行重定向
我创建了一个中间件，用于检查请求是否返回无效的访问响应。如果状态为401，我想将用户重定向到登录页面这是中间件代码import React from 'react';import { push, replace } from 'react-router-redux';const auth_check = ({ getState }) => { return (next) => (action) => { if(action.payload != undefined && action.payloa...
2024-01-10React Router：将所有路由作为数组
是否有一个现有的库会将我的路由实例简化为路径数组？ ： <Route path="/" component={App}> <Route path="author" component={Author}> <Route path="about" component={About}/> </Route> <Route path="users" component={Users} /> </Route>['/', '/author', '/author/ab...
2024-01-10使用React-Router检测用户离开页面
我希望我的ReactJS应用在离开特定页面时通知用户。特别是一条弹出消息，提醒他/她进行以下操作：“更改已保存，但尚未发布。现在执行吗？”我应该在react-router全局范围内触发此操作，还是可以在react页面/组件内完成此操作？我还没有发现任何关于后者的信息，我宁愿避免使用第一个。除非当然...
2024-01-10React-Native的本地require（）路径
我正在寻找一种方便的方法来访问应用程序根目录中的文件，同时避免出现如下所示的require（）字符串：require('../../../../myModule')有一些针对Node的好的解决方案（https://gist.github.com/branneman/8048520），但是我还没有看到在ReactNative中使用全局变量的方法。有谁有解决这个问题的干净方法？回答：从Marc ...
2024-01-10如何在Electron中使用React Router？
使用此样板作为参考，我创建了一个Electron应用程序。它使用webpack捆绑脚本并通过ExpressServer托管脚本。的WebPack配置是实质上相同的这个和服务器这样。Electron的脚本加载：mainWindow.loadURL('file://' + __dirname + '/app/index.html');然后index.html加载服务器托管的脚本：<script src="http://localhost:3000/dist/bundle.js"></scri...
2024-01-10如何从vue-router URL中删除hashtag（＃）？
我想从网址中删除＃标签（＃），但我也需要保存无重载模式。我可以那样做吗？ 我：page.com/#/home 我想：page.com/home 我试过mode: 'history'，但它重新加载页面。 UPD：是否可以在不使用页面重新加载的情况下创建SPA应用程序并使用普通URL？如何从vue-router URL中删除hashtag（＃）？回答：当激活历史模...
2024-01-10react-router如何通过prop将参数传递给其他组件？
到目前为止，我对如何通过参数将属性从一个组件传递到另一组件的了解程度如下//开始：我的知识范围假设存在一些topic在A.jsx中调用的状态变量。我想将此传递给B.jsx，所以我执行以下操作B = require('./B.jsx')getInitialState: function() {return {topic: "Weather"}}<B params = {this.state.topic}>然后在B.jsx中，我可以做...
2024-01-10使用React Router更改基于URL的组件
这更多是关于响应而不是特定问题的体系结构问题，但是，使用布局组件和几个基于URL呈现的子组件来管理状态/道具的最佳实践是什么？可以说我有类似以下代码的内容：一个配置文件页面（主布局视图），带有用于配置文件子部分（设置，首选项，帐户详细信息等）的导航链接，以及一个主面板，...
2024-01-10
